#{extends 'main.html' /}

<h2>${project.name} > Components</h2><hr/>
<a href="@{Components.showCreateComponent(project.getEntityId())}">+ Add new Component</a>
<hr width="20%" color="#6699ff" size="6" align="left" />
<menu>
#{list items:projComp, as:'comp'}
	<li type="disc"><a href="@{Components.showComponent(comp.getEntityId(),project.getEntityId())}"> ${comp.name}  </a>&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="@{Components.showEditComponent(comp.getEntityId(),project.getEntityId())}"> Edit  </a>
	<a href="javascript:showDialogHelper('Confirmation','Are you sure you want to delete?',true,'@{Components.deleteComponent(comp.getEntityId(),project.getEntityId())}','prompt');">Delete </a>
#{/list}
</menu>
<br>